/**
 * @author shaosong
 * @description
 */
import { Col, Row } from 'antd';
import React from 'react';
import ColorCard from '../../components/ColorCard';
import { COLORCONSTS } from '../../utils/util';
import './index.less';

export class ColorContrastProps {
}

const ColorContrast: React.FC<ColorContrastProps> = (props) => {

    return React.useMemo(() => <div className='page-color-contrast'>
        <div className='title'>
            颜色对照
        </div>
        <Row className='row-style'>
            {COLORCONSTS?.map((color, index) => <Col key={String(index)} span={6} className='col-style'>
                <ColorCard title={color.label} color={color.color} />
            </Col>)}
        </Row>
    </div>, []);

}

ColorContrast.defaultProps = new ColorContrastProps();
export default ColorContrast